.rolling_image{
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	overflow: hidden;
	width: 640px;
	height: 360px;
	border-radius: 5px;
}
.imgr_1{
	position: absolute;
	z-index: -2;
}
.imgr_2{
	position: absolute;
	z-index: -3;
	opacity: 0;
}
.imgr_3{
	position: absolute;
	z-index: -4;
	opacity: 0;
}
.imgr_4{
	position: absolute;
	z-index: -5;
	opacity: 0;
}
.point_set{
	position: absolute;
	width: 200px;
	height: 30px;
	bottom: 3%;
	left: -2%;
}
.point_1{
	position: absolute;
	background-color: DarkGray;
	width: 20px;
	height: 20px;
	opacity: 0.5;
	top: 20%;
	left: 15%;
	border-radius: 50px;
	transition: 1s;
}
.point_2{
	position: absolute;
	background-color: DarkGray;
	width: 20px;
	height: 20px;
	opacity: 0.5;
	top: 20%;
	left: 35%;
	border-radius: 50px;
	transition: 1s;
}
.point_3{
	position: absolute;
	background-color: DarkGray;
	width: 20px;
	height: 20px;
	opacity: 0.5;
	top: 20%;
	left: 55%;
	border-radius: 50px;
	transition: 1s;
}
.point_4{
	position: absolute;
	background-color:  DarkGray;
	width: 20px;
	height: 20px;
	opacity: 0.5;
	top: 20%;
	left: 75%;
	border-radius: 50px;
	transition: 1s;
}
.point_1:hover{
	cursor: pointer;
	opacity: 0.7;
}
.point_2:hover{
	cursor: pointer;
	opacity: 0.7;
}
.point_3:hover{
	cursor: pointer;
	opacity: 0.7;
}
.point_4:hover{
	cursor: pointer;
	opacity: 0.7;
}
